$(function () {
    $.ajax({
        method: 'GET',
        url: BigNew.category_list,
        data: {},
        success: (res) => {
            //模板引擎使用步骤：1.获取要渲染的数据

            const data = res.data;
            //2.通过template绑定要渲染的模板id，传入数据的格式{数据名：数据值}
            const html = template('article_category', { data: data });

            //3.渲染到指定的父级元素上
            $("tbody").html(html);
        }
    })

    //show.bs.modal是官方文档上面的方法
    $('#myModal').on('show.bs.modal', function (e) {

        //relatedTarget是关于鼠标移入的一种事件
        let targetType = $(e.relatedTarget).attr("btn-category");
        let tds = $(e.relatedTarget).parent().siblings();
        if (targetType == "edit") {
            $("#myModalLabel").text("编辑文章分类");
            // $(".modal-body").text("编辑文章主体");
            $('#myModal .confirm').text('编辑');
            $(".category_name").val(tds.eq(0).text());
            $(".category_type").val(tds.eq(1).text());
            //把这行的自定义属性data-id传给确定按钮，从确定按钮中传递值给ajax请求
            $('#myModal .confirm').attr('data-id', $(e.relatedTarget).parents('tr').attr('data-id'));

        }
        else if (targetType == "add") {
            $("#myModalLabel").text("新增分类");
            // $(".modal-body").text("新增什么分类");
            // console.log($('#myModal .confirm'));
            $('#myModal .confirm').text('新增');



        }
        else {
            $("#myModalLabel").text("删除文章");
            $(".modal-body").text("确定要删除该类别吗？");
            $('#myModal .confirm').text("删除");
            //把这行的自定义属性data-id传给确定按钮，从确定按钮中传递值给ajax请求
            $('#myModal .confirm').attr('data-id', $(e.relatedTarget).parents('tr').attr('data-id'));
        }
    })


    $('#myModal .confirm').click(function (e) {
        if ($(this).text() == "删除") {
            console.log("删除");
            console.log($(this).attr("data-id"));
            $.ajax({
                method: 'post',
                url: BigNew.category_delete,
                data: {
                    id: $(this).attr("data-id")
                },
                success: (res) => {
                    console.log(res);

                    if (res.code == 204) {
                        alert(res.msg);
                        window.location.reload();
                    }
                    else {
                        alert(res.msg)
                    }
                }
            })
            return;
        }

        if ($(".category_name").val().trim() == '' || $(".category_type").val().trim() == '') {
            alert("类别名或者类别类型不能为空。")
            return;
        }

        if ($(this).text() == "新增") {
            $.ajax({
                method: 'POST',
                url: BigNew.category_add,
                data: {
                    name: $(".category_name").val().trim(),
                    slug: $(".category_type").val().trim()
                },
                success: (res) => {
                    console.log(res);
                    if (res.code == 201) {
                        alert(res.msg);
                        window.location.reload();
                    }
                    else {
                        alert(res.msg)
                    }
                }
            })
        }

        if ($(this).text() == "编辑") {
            $.ajax({
                method: 'POST',
                url: BigNew.category_edit,
                data: {
                    id: $(this).attr("data-id"),
                    name: $(".category_name").val().trim(),
                    slug: $(".category_type").val().trim()
                },
                success: (res) => {
                    console.log(res);
                    if (res.code == 200) {
                        alert("修改成功");
                        window.location.reload();
                    }
                    else {
                        alert(res.msg)
                    }

                }
            })
        }


    })

    $('#myModal .cancle').on('click', function (e) {
        // do something...
        $("#dataForm")[0].reset();
        console.log($("#dataForm")[0]);
        //隐藏模态框
        $('#myModal').modal('hide');
    });
})